/* -------------------------------------------------------------- 
   
   Stencil tooltips.css
   * CSS only tooltips.
  
-------------------------------------------------------------- */

.tooltip 
{
	border-bottom: 1px dotted #000000; 
	color: #000000; 
	outline: none;
	cursor: help; 
	text-decoration: none;
	position: relative;
}

	.tooltip span 
	{
		display: none;
		position: absolute;
		background: #F1F1F1; 
		color: #222;
		border: 1px solid #DDD;
		padding: 0.8em 1em;
	}
		.tooltip:hover span 
		{
			display: block;
			border-radius: 5px 5px; 
			-moz-border-radius: 5px; 
			-webkit-border-radius: 5px; 
			box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); 
			-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); 
			-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; 
			left: 1em; 
			top: 1.25em; 
			z-index: 100;
			margin-left: 0; 
			width: 250px;
		}